<script>
export default {
  name: 'EasyViewProcess',
  props: {
    color: String,
    text: String,
    total: Number,
    count: Number,
    title: String
  }
}
</script>

<template>
  <div class="easy-view" :style="'background-color:'+color">
    <div>
      <svg-icon icon-class="guide" />
      <view>{{ title }}</view>
    </div>
    <div>
      <view>{{ count +'/'+ total }}</view>

    </div>
  </div>
</template>

<style lang="scss" scoped>
.easy-view{
  height: 200px;
  min-width: 400px;
  max-width: 50%;
  display: flex;
  padding: 10px;
  margin: 10px;
  flex-direction: column;
}
</style>
